<template>
  <view>
    <view class="f_row_center">
      <view class="f_column flex_1" style="margin: 30rpx">
        <view class="item_title">{{ item.unitname }}</view>
        <view class="f_row_center">
          <image src="/static/address.png" style="width: 30rpx" mode="widthFix"/>
          <div class="item_text">{{ item.unitaddress }}</div>
        </view>
      </view>
      <view style="margin: 0 30rpx">
        <image v-if="isShowArrow" src="/static/arrow_right.png" style="height:30rpx;width:18rpx;"/>
      </view>
    </view>
    <view class="h_line" style="margin: 0rpx 30rpx"/>
  </view>
</template>

<script lang="ts">
import {Vue, Component, Prop} from "vue-property-decorator";
import BaseApi from "@/api/BaseApi";

@Component({
  components: {}
})
export default class ItemUnitView extends Vue {
  @Prop() item?: any;
  @Prop({default: true}) isShowArrow?: boolean;

}
</script>

<style scoped>

</style>